<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
          <i class="iconfont iconshuxian left-line"></i>
          <a href="javascript:" lay-href="">首页</a>
          <a><cite>产品中心</cite></a>
          <a><cite>我的产品</cite></a>
          <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
            <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
          </div>
        </div>
    </div>

    <div class="layui-card mt20">
        <div class="layui-card-body table-box">
            <form class="layui-form query-form" method="post" onsubmit="return false" lay-filter="form-product-list" id="form-product-list">
                <input type="hidden" name="statusId"/>
                <input type="hidden" name="dateCreateStart"/>
                <input type="hidden" name="dateCreateEnd"/>
                <input type="hidden" name="hasTariff"/>
                <div class="layui-row block pb10">
                <ul class="extra-l fl" id="queryStatus">
                    <li><a href="javascript:" class="curr" status="">全部</a></li>
                    <li><a href="javascript:" status="waitClassify">待归类</a></li>
                    <li><a href="javascript:" status="classed">已归类</a></li>
                    <li class="fore2">
                        <div class="search-box" style="width: 420px">
                            <input type="text" name="keyword" class="layui-input" placeholder="型号/品牌/品名" style="width: 368px" />
                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="search-product-list"><i class="layui-icon layui-icon-search"></i></button>
                        </div>
                    </li>
                    <li class="fore2">
                        <input type="checkbox" id="checkbox-has-tariff" lay-skin="primary" lay-filter="checkbox-has-tariff" title="有关税"/>
                    </li>
                </ul>
                <div class="layui-btn-group fr">
                    <button class="layui-btn import-btn"><i class="iconfont iconic_upload"></i>产品导入</button>
                </div>
              </div>
              <div class="layui-row">
                <table class="zm-tab order-tab" id="tab-product-list">
                    <colgroup>
                        <col width="140">
                        <col>
                        <col width="160">
                        <col width="160">
                        <col width="160">
                        <col width="80">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>
                            <div class="more-operation" zmark-more-operation="layui.product.setDate" id="product-list-date">
                                <div class="more-operation-txt"><div></div><b></b><span class="blank"></span></div>
                                <div class="more-operation-list">
                                    <ul></ul>
                                </div>
                            </div>
                        </th>
                        <th>产品信息</th>
                        <th>监管条件</th>
                        <th>3C说明</th>
                        <th>税率</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                </table>
                <div class="blank-list">
                    <i class="iconfont iconwushuju"></i>
                    <dd>无产品数据</dd>
                </div>
                <div class="zm-pagination">
                    <div id="product-list-pagination"></div>
                </div>
              </div>
            </form>
        </div>
    </div>    
</div>
<script type="text/html" id="tpl-product-list">
    {{# layui.each(d,function(i,o){ }}
    <tbody>
    <tr class="sep-row">
        <td colspan="7"></td>
    </tr>
    <tr class="tr-th">
        <td colspan="7">
            <span class="ml10">日期：</span>
            <span title="{{o.dateCreated}}" class="mr30 color-black">{{o.dateCreated}}</span>
            <span>型号：</span>
            <span class="mr30"><a href="javascript:" title="{{o.model}}" class="copy">{{o.model}}</a></span>
        </td>
    </tr>
    <tr class="tr-tb">
        <td colspan="2">
            <div class="goodsitem">
                <div class="layui-row">型号：{{o.model}}</div>
                <div class="layui-row">品牌：{{o.brand}}</div>
                <div class="layui-row">名称：{{o.name}}</div>
            </div>
        </td>
        <td>
            <span class="color-grey">监管条件：</span> 
            {{# if(o.customsCode != null && o.customsCode.csc!=null){ }}
            <span class="format-csc">{{o.customsCode.csc}}</span>
            {{# }}}
            <br>
            <span class="color-grey">检验检疫：</span> 
            {{# if(o.customsCode != null && o.customsCode.iaqr!=null){ }}
            <span class="format-csc">{{o.customsCode.iaqr}}</span>
            {{# }}}
            <br> 
            <span class="color-grey">战略物资：</span>
            <span class="{{o.isSmp ? 'color-red' : 'color-grey'}}">{{o.isSmp ? '涉证' : ''}}</span>
        </td>    
        <td>
            <div class="amount">
                <span class="color-grey">3C证书：</span><span class="{{o.isCapp ? 'color-red' : 'color-grey'}}">{{o.isCapp ? '需要' : ''}}</span> <br>
                <span class="color-grey">3C目录鉴定：</span><span color="{{o.isCappNo ? 'color-red' : 'color-grey'}}">{{o.isCappNo ? '需要' : ''}}</span>
            </div>
        </td>
        <td>
            <div class="amount t-a-l">
                <span class="color-grey">最惠国关税率：</span><span>{{o.customsCode && o.customsCode.tit != null ?  o.customsCode.tit + '%' : (o.customsCode && o.customsCode.mfntr != null ? o.customsCode.mfntr + '%' : '')}}</span> <br>
                <span class="color-grey">普通国关税率：</span><span>{{o.customsCode && o.customsCode.gtr != null ?  o.customsCode.gtr + '%' : ''}}</span> <br>
                <span class="color-grey">对美加征关税：</span><span>{{o.customsCode && o.customsCode.levyTax != null ?  o.customsCode.levyTax + '%' : ''}}</span> <br>
                <span class="color-grey">增值税率：</span><span>{{o.customsCode && o.customsCode.vatr != null ? o.customsCode.vatr + '%' : ''}}</span><br>
                <!--<span class="color-grey">消费税率：</span><span>{{o.customsCode && o.customsCode.conrate ? o.customsCode.conrate + '%' : ''}}</span><br>-->
            </div>
        </td>
        <td>
            <div class="layui-row {{o.statusId}}">{{o.statusName}}</div>
        </td>
    </tr>
    </tbody>
    {{# }); }}
</script> 
<script type="text/javascript" src="/lib/format-data.js"></script>
<script>
      layui.use('product', layui.factory('product'));
</script>